<template>
  <!-- 敬请期待 -->
  <view class="customExpect position-relative flex justify-center items-center">
    <view>
      <image
        class="w-270rpx h-270rpx mx-auto my-0 block translate-x--1rpx"
        :src="staticUrl(`${props.icon}`)"
      ></image>

      <view class="w-full text-center color-base mt-10rpx">{{ props.title }}</view>
    </view>
  </view>
</template>

<script setup>
import { defineProps } from 'vue'
const props = defineProps({
  title: {
    type: String,
    default: '敬请期待',
  },
  icon: {
    type: String,
    default: '/static/default/comingSoon.png',
  },
})

const state = reactive({
  data: '',
})
</script>

<style scoped>
.customExpect {
  height: 100%;
  background: #f1f1f1;
}
</style>
